/* 学习目标：ref获取input-dom元素  */

// 1. 从react中导入useRef函数
import { useRef } from 'react';

export default function App() {
  // 2. 调用useRef()方法创建一个 ref 对象
  // 💥 useRef不能写到组件之外
  const iptRef = useRef();

  const handleClick = () => {
    console.log('iptRef  ----->  ', iptRef);
    // 4.通过 ref 对象.current属性获取dom元素
    iptRef.current.focus();
  };
  return (
    <div>
      <input
        type="text"
        // 3.将创建好的ref对象绑定到dom元素上
        ref={iptRef}
      />
      <button onClick={handleClick}>点我激活input</button>
    </div>
  );
}
